import store from './store'
import router from './router'

// 导航守卫
router.beforeEach(async(to, from, next) => {
  if (store.state.user.token) {
    // 已登录
    // 如果用户是登录状态则跳转到登录页面，如果用户是登录页面则跳转到首页
    if (to.path === '/login') {
      next('/')
    } else {
      // 获取用户信息
      // 只有刷新浏览器时才会清空vue的数据，此刻才需要调用接口获取用户数据
      // 我们只需要判断userInfo里面的对象室友数据的即可
      if (!store.state.user.userInfo.userId) {
        await store.dispatch('user/getUserInfo')
        // 调用动态路由的函数
        const menus = store.state.user.userInfo.roles.menus
        await store.dispatch('permission/filterRoutes', menus)
        const routes = store.state.permission.routes
        router.addRoutes([...routes, { path: '*', redirect: '/404', hidden: true }])
        return next(to.path)
      }
      next()// 放行函数
    }
  } else {
    // 未登录
    // 当访问的页面是登录页面或者404页面是直接放行
    const writeArr = ['/login', '/404'] // 白名单,在白名单中的页面可以直接放行
    // includes函数寻找数组里面的字符串，如果找到了则为true,如果没有则为false
    if (writeArr.includes(to.path)) {
      next()
    } else {
      next('/login')
    }
  }
})
